import React, { Component } from 'react';
import {AppRegistry, Text, View, StyleSheet} from 'react-native';

class StyleLot extends Component {
    render(){
        return (
            <View>
                <Text style={styles.red}>just red</Text>
                <Text style={styles.bigBlue}>just big blue</Text>
                <Text style={[styles.bigBlue, styles.red]}>bigBlue, then red</Text>
                <Text style={[styles.red, styles.bigBlue]}>red, then bigBlue</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    bigBlue: {
        color: 'blue',
        fontWeight: 'bold',
        fontSize: 30,
    },
    red: {
        color: 'red'
    }
})

export default StyleLot

